// layout
.web-react {
  .ant-pro-sider-logo {
    padding: 20px 28px 8px;
    box-shadow: 0 4px 4px var(--shadow25);
  }

  .ant-layout-sider-collapsed {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;

    .ant-pro-sider-logo img {
      height: 27px;
    }

    .ant-menu-item.ant-menu-item-only-child.ant-pro-sider-collapsed-button {
      text-align: center;
    }
  }

  .ant-pro-sider .ant-menu-inline-collapsed .ant-menu-submenu-title,
  .ant-pro-sider.ant-layout-sider-collapsed .ant-menu-inline-collapsed,
  .ant-pro-sider .ant-menu-inline-collapsed .ant-menu-item {
    width: 60px;
  }

  .ant-pro-sider.ant-layout-sider-collapsed .ant-menu-inline-collapsed {
    text-align: center;
  }

  .ant-menu-item.ant-menu-item-only-child.ant-pro-sider-collapsed-button {
    text-align: right;
  }

  .ant-menu.ant-menu-root>.ant-menu-submenu-open {
    border-left: 2px solid var(--color-c01);
  }

  .ant-layout {
    .ant-layout-header {
      height: 56px !important;
      line-height: 56px !important;

      .ant-pro-global-header {
        box-shadow: none;
      }
    }

    .ant-layout-content {
      margin: 0;
      background: #fff;
    }
  }
}
